<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户注册</title>
    <link rel="stylesheet" href="/system/layui/src/css/layui.css">
</head>
<body>
<form class="layui-form" style="width:80%;" action="javascript:void(0);">
    <div class="layui-form-item layui-row layui-col-xs12">
        <label class="layui-form-label">用户名称</label>
        <div class="layui-input-block">
            <input type="text" class="layui-input userName" lay-verify="required" placeholder="请输入用户名">
        </div>
    </div>
    <div class="layui-form-item layui-row layui-col-xs12">
        <label class="layui-form-label">登录名称</label>
        <div class="layui-input-block">
            <input type="text" class="layui-input loginName" lay-verify="required" placeholder="请输入登录名">
        </div>
    </div>

    <div class="layui-form-item layui-row layui-col-xs12">
        <label class="layui-form-label">密码</label>
        <div class="layui-input-block">
            <input type="password" class="layui-input userPwd" lay-verify="required" placeholder="请输入密码 ">
            <span style="color: red;">密码必须包含数字，字母，特殊符号且密码长度不能小于8位大于32位</span>
        </div>
    </div>

    <div class="layui-form-item layui-row layui-col-xs12">
        <label class="layui-form-label">电话</label>
        <div class="layui-input-block">
            <input type="text" class="layui-input phone" lay-verify="required"  placeholder="请输入电话">
        </div>
    </div>

    <div class="layui-form-item layui-row layui-col-xs12">
        <label class="layui-form-label">电子邮箱</label>
        <div class="layui-input-block">
            <input type="text" class="layui-input email" lay-verify="required"  placeholder="请输入电子邮箱">
        </div>
    </div>

    <div class="layui-form-item layui-row layui-col-xs12">
        <div class="layui-input-block">
            <button class="layui-btn layui-btn-sm" lay-submit="" lay-filter="addUser">立即添加</button>
            <button type="reset" id="reset" class="layui-btn layui-btn-sm layui-btn-primary">取消</button>
        </div>
    </div>
    <script type="text/javascript" src="/system/layui/src/layui.js"></script>
    <script type="text/javascript" src="/system/js/jquery-3.3.1.js"></script>
    <script type="text/javascript" src="/security/login/register.js"></script>
</form>
</body>
</html>